//点击返回上一步
$(".returnBtn").click(function(){
    window.location.href='/Home/Index/doLast?username='+$("#usr").val()+'&url=/Home/Index/registerAptitude'
});

$(".openWord11").click(function(){
    layer.open({title: false,type: 1,area: ['500px', '200px'], //宽高
        content: '<div style="color:#666;padding:20px;line-height:40px;">' +
        '<p>中国经济将坚持以供给侧结构性改革为主线，深化重要领域和关键环节改革，努力实现今年全年发展的预期目标并争取更好结果，促进国民经济保持中高速增长、迈向中高端水平。（2017年4月27日《新闻联播》）</p></div>'
    });
});
$(".openWord22").click(function(){
    layer.open({title: false,type: 1,area: ['500px', '160px'], //宽高
        content: '<div style="color:#666;padding:20px;line-height:40px;">' +
        '<p>如果有来生，要做一只鸟，飞越永恒，没有迷途的苦恼。东方有火红的希望，南方有温暖的巢床，向西逐退残阳，向北唤醒芬芳。（三毛）</p></div>'
    });
});
$(".openWord33").click(function(){
    layer.open({title: false,type: 1,area: ['500px', '160px'], //宽高
        content: '<div style="color:#666;padding:20px;line-height:40px;">' +
        '<p>谈及谢娜最动人的合唱，还要属她与张杰甜蜜的夫妻对唱，不管唱的好不好听，只要同台献唱，甜蜜相望，就能虐死一众单身小伙伴。（BTV文艺《1080我看行》）</p></div>'
    });
});

//点击上传音频
$("#updata1").click(function(){$("#voiceUrl1").click();});
$("#updata2").click(function(){$("#voiceUrl2").click();});
$("#updata3").click(function(){$("#voiceUrl3").click();});
$("#updata4").click(function(){$("#voiceUrl4").click();});

//在线试听
$(function () {
    $("#voiceUrl1").change(function () {
        var objUrl = getObjectURL(this.files[0]);
        $("#audio1").attr("src", objUrl);
        // $("#audio1")[0].play();
        $("#audio1").show();
        getTime();
    });
});
<!--获取mp3文件的时间 兼容浏览器-->
function getTime() {setTimeout(function () {
        var duration = $("#audio1")[0].duration;
        if(isNaN(duration)){
            getTime();
        }else{
            console.info("该歌曲的总时间为："+$("#audio1")[0].duration+"秒")
        }
    }, 10);
}
//在线试听
$(function () {
    $("#voiceUrl2").change(function () {
        var objUrl = getObjectURL(this.files[0]);
        $("#audio2").attr("src", objUrl);
        // $("#audio2")[0].play();
        $("#audio2").show();
        getTime();
    });
});
<!--获取mp3文件的时间 兼容浏览器-->
function getTime() {
    setTimeout(function () {
        var duration = $("#audio2")[0].duration;
        if(isNaN(duration)){
            getTime();
        }else{
            console.info("该歌曲的总时间为："+$("#audio2")[0].duration+"秒")
        }
    }, 10);
}
//在线试听
$(function () {
    $("#voiceUrl3").change(function () {
        var objUrl = getObjectURL(this.files[0]);
        $("#audio3").attr("src", objUrl);
        // $("#audio3")[0].play();
        $("#audio3").show();
        getTime();
    });
});
<!--获取mp3文件的时间 兼容浏览器-->
function getTime() {
    setTimeout(function () {
        var duration = $("#audio3")[0].duration;
        if(isNaN(duration)){
            getTime();
        }else{
            console.info("该歌曲的总时间为："+$("#audio3")[0].duration+"秒")
        }
    }, 10);
}
//在线试听
$(function () {
    $("#voiceUrl4").change(function () {
        var objUrl = getObjectURL(this.files[0]);
        $("#audio4").attr("src", objUrl);
        // $("#audio4")[0].play();
        $("#audio4").show();
        getTime();
    });
});
<!--获取mp3文件的时间 兼容浏览器-->
function getTime() {
    setTimeout(function () {
        var duration = $("#audio4")[0].duration;
        if(isNaN(duration)){
            getTime();
        }else{
            console.info("该歌曲的总时间为："+$("#audio4")[0].duration+"秒")
        }
    }, 10);
}
<!--把文件转换成可读URL-->
function getObjectURL(file){
    var url = null;
    if (window.createObjectURL != undefined) { // basic
        url = window.createObjectURL(file);
    }else if(window.URL != undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file);
    }else if(window.webkitURL != undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file);
    }
    return url;
}
function delinput1(){
    $("#preview").remove();
    $("#img1").remove();
    $("#previewbody").append('<div id="preview"><img src="/Public/img/up.jpg" id="updata5" onclick="btnInput1()" style="width:20px;margin-left: 20px;cursor: pointer;"/><span style="margin-left:30px;">点击左侧按钮上传证书</span></div>')
    $("#imgbody").append('<input type="file" onchange="preview(this)" id="img1" name="img1" style="display:none;"/>')
}

function delinput2(){
    $("#preview2").remove();
    $("#img2").remove();
    $("#previewbody").append('<div id="preview2"><img src="/Public/img/up.jpg" id="updata6" onclick="btnInput2()"style="width:20px;margin-left: 20px;cursor: pointer;"/><span style="margin-left:30px;">点击左侧按钮上传证书</span></div>')
    $("#imgbody").append('<input type="file" onchange="preview2(this)" id="img2" name="img2" style="display:none;"/>')
}

function delinput3(){
    $("#preview3").remove();
    $("#img3").remove();
    $("#previewbody").append('<div id="preview3"><img src="/Public/img/up.jpg" id="updata7"onclick="btnInput3()" style="width:20px;margin-left: 20px;cursor: pointer;"/><span style="margin-left:30px;">点击左侧按钮上传证书</span></div>')
    $("#imgbody").append('<input type="file" onchange="preview3(this)" id="img3" name="img3" style="display:none;"/>')
}

//点击上传触发按钮
function btnInput1(){{$("#img1").click();}}
function btnInput2(){{$("#img2").click();}}
function btnInput3(){{$("#img3").click();}}
//上传图片浏览1
function preview(file) {
    var img1 = file.value;
    if(!/.(jpg|jpeg|png|JPG)$/.test(img1)){
        layer.msg("相关专业证书类型必须是.jpeg,jpg,png中的一种");return false;
    }else{
        if(((file.files[0].size).toFixed(2))>=(1024*1024)){
            layer.msg("请上传小于1M的相关专业证书");return false;
        }
    }
    var prevDiv = document.getElementById('preview');
    if (file.files && file.files[0]){
        var reader = new FileReader();
        reader.onload = function(evt){
            prevDiv.innerHTML = '<img  style="width:150px;" src="' + evt.target.result + '" />' +
                '<span style="color:#6ba0e7;font-size:14px;cursor: pointer;margin-left:80px;" onclick="delinput1()">删除</span>';
        };
        reader.readAsDataURL(file.files[0]);
    }else{
        prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';
    }
}

//上传图片浏览2
function preview2(file) {
    var img2 = file.value;
    if(!/.(jpg|jpeg|png|JPG)$/.test(img2)){
        layer.msg("相关专业证书类型必须是.jpeg,jpg,png中的一种");return false;
    }else{
        if(((file.files[0].size).toFixed(2))>=(1024*1024)){
            layer.msg("请上传小于1M的相关专业证书");return false;
        }
    }
    var prevDiv = document.getElementById('preview2');
    if (file.files && file.files[0]){
        var reader = new FileReader();
        reader.onload = function(evt){
            prevDiv.innerHTML = '<img  style="width:150px;" src="' + evt.target.result + '" />' +
                '<span style="color:#6ba0e7;font-size:14px;cursor: pointer;margin-left:80px;" onclick="delinput2()">删除</span>';
        };
        reader.readAsDataURL(file.files[0]);
    }else{
        prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';
    }
}

//上传图片浏览3
function preview3(file) {
    var img3 = file.value;
    if(!/.(jpg|jpeg|png|JPG)$/.test(img3)){
        layer.msg("相关专业证书类型必须是.jpeg,jpg,png中的一种");return false;
    }else{
        if(((file.files[0].size).toFixed(2))>=(1024*1024)){
            layer.msg("请上传小于1M的相关专业证书");return false;
        }
    }
    var prevDiv = document.getElementById('preview3');
    if (file.files && file.files[0]){
        var reader = new FileReader();
        reader.onload = function(evt){
            prevDiv.innerHTML = '<img  style="width:150px;" src="' + evt.target.result + '" />' +
                '<span style="color:#6ba0e7;font-size:14px;cursor: pointer;margin-left:80px;" onclick="delinput3()">删除</span>';
        };
        reader.readAsDataURL(file.files[0]);
    }else{
        prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';
    }
}

//选择讲述音频时的验证
function validate1(ele){
    var file = ele.value;
    if(!/.(mp3)$/.test(file)){
        layer.msg("讲述类音频必须是mp3类型");return false;
    }else{
        if(((ele.files[0].size).toFixed(2))>=(5*1024*1024)){
            layer.msg("请上传小于5M的讲述类音频");return false;
        }
    }
}

//选择柔情音频时的验证
function validate2(ele){
    var file = ele.value;
    if(!/.(mp3)$/.test(file)){
        layer.msg("柔情类音频必须是mp3类型");return false;
    }else{
        if(((ele.files[0].size).toFixed(2))>=(5*1024*1024)){
            layer.msg("请上传小于5M的柔情类音频");return false;
        }
    }
}

//选择演绎音频时的验证
function validate3(ele){
    var file = ele.value;
    if(!/.(mp3)$/.test(file)){
        layer.msg("演绎类音频必须是mp3类型");return false;
    }else{
        if(((ele.files[0].size).toFixed(2))>=(5*1024*1024)){
            layer.msg("请上传小于5M的演绎类音频");return false;
        }
    }
}
//选择英文音频时的验证
function validate4(ele){
    var file = ele.value;
    if(!/.(mp3)$/.test(file)){
        layer.msg("英文类音频必须是mp3类型");return false;
    }else{
        if(((ele.files[0].size).toFixed(2))>=(5*1024*1024)){
            layer.msg("请上传小于5M的英文类音频");return false;
        }
    }
}




$(".postBtn").click(function(){
    var file1 = $("#voiceUrl1");
    var file2 = $("#voiceUrl2");
    var file3 = $("#voiceUrl3");
    if(!/.(mp3)$/.test(file1.val())){
        layer.msg("讲述类音频必须是mp3类型且不能为空");return;
    }
    if(!/.(mp3)$/.test(file2.val())){
        layer.msg("柔情类音频必须是mp3类型且不能为空");return;
    }
    if(!/.(mp3)$/.test(file3.val())){
        layer.msg("演绎类音频必须是mp3类型且不能为空");return;
    }
    $("#formid").submit();
    layer.msg('音频上传中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false, area: '200px',time:100000});
});


